<template>
    
  <div>
    <template>
      <FilmSwiper />
    </template>
    <Loading v-if="films.length == 0" />
    <template v-for="item in films">
      <HotPlaying :film="item" :key="'films_' + item.filmId" />
    </template>
  </div>
</template>


<script>
import HotPlaying from "../../components/HotPlaying";
import FilmSwiper from "../../components/FilmSwiper";
export default {
  data() {
    return {
      films: [],
      src: "https://img.lanrentuku.com/img/allimg/1212/5-121204193R0.gif",
    };
  },
  async mounted() {
    let ret = await this.$api.getNowPlayList({ cityId: 320900 });
    // console.log(ret)
    this.films = ret.data.films;
  },
  components: {
    HotPlaying,
    FilmSwiper,
  },
};
</script>
<style lang='scss' scoped>
</style>
